<template>
  <section class="component customer-details">
    <ul>
      <li>
        <span>客户等级：</span>
        <span>{{ model.personalRank }}</span>
      </li>
      <li>
        <span>家庭地址所在城市：</span>
        <span>{{ model.homeAddressCity }}</span>
      </li>
      <li>
        <span>单位名称：</span>
        <span>{{ model.companyName }}</span>
      </li>
      <li>
        <span>收入：</span>
        <span>{{ model.income && `${model.income}元` }}</span>
      </li>
      <li>
        <span>毕业院校：</span>
        <span>{{ model.graduateSchool }}</span>
      </li>
      <li>
        <span>学历：</span>
        <span>{{ model.education }}</span>
      </li>
      <li>
        <span>入学时间：</span>
        <span>{{ model.enrollmentTime | dateFormat }}</span>
      </li>
      <li>
        <span>毕业时间：</span>
        <span>{{ model.graduationTime | dateFormat }}</span>
      </li>
      <li>
        <span>邮箱地址：</span>
        <span>{{ model.email }}</span>
      </li>
      <li>
        <span>联系人姓名：</span>
        <span>{{ model.contName }}</span>
      </li>
      <li>
        <span>联系人工作单位：</span>
        <span>{{ model.contCompanyName }}</span>
      </li>
    </ul>
  </section>
</template>

<script lang="ts">
import Vue from "vue";
import Component from "vue-class-component";
import { Dependencies } from "~/core/decorator";
import { Prop } from "vue-property-decorator";
import { namespace } from "vuex-class";
const CollectionExecutionModule = namespace("collection-execution");
@Component({
  components: {}
})
export default class CustomerDetails extends Vue {
  @CollectionExecutionModule.State private caseId;
  @Prop() private model;
}
</script>
<style lang="less" scoped>
.component.customer-details {
  padding: 5px 5px 5px 0px;
  .padding-bottom-8 {
    padding-bottom: 8px;
    .name {
      color: #606266;
    }
  }
  ul {
    padding: 0;
    margin: 0;
    font-size: 12px;
    display: flex;
    font-size: 12px;
    flex-wrap: wrap;
    li {
      width: 49%;
      list-style: none;
      padding-bottom: 10px;
    }
  }
}
</style>
